<template>
    <el-row>
        <el-col :xs="24" :sm="3" :md="3" :lg="3" :xl="3">
            <adminNavigator></adminNavigator>
        </el-col>
        <el-col :xs="24" :sm="21" :md="21" :lg="21" :xl="21">
            <el-container>
                <router-view></router-view>
            </el-container>
        </el-col>
    </el-row>
</template>

<script>
import Vue from "vue";

const adminNavigator = () => import(`@/components/admin/adminNavigator.vue`);

export default {
    name: `adminView`,
    components: {
        adminNavigator
    },
    mounted: function() {
        this.$store.state.activeIndex = `/ui/admin`;
    }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="stylus"></style>
